Channel: Clever Programmer
Category: Education
Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript
Description: In this tutorial, you’re gonna be building the Twitter Blockchain Web 3.0 App using Solidity, Next JS, Sanity.io, Tailwind CSS, and Vercel 🔥 🤑Get FREE test Rinkeby Ethereum here: faucets.chain.link/rinkeby Get the free boosted plan with Sanity 👉 sanity.io/cleverprogrammer 🗄️ Link to the assets: drive.google.com/drive/folders/1MzLoizN3px3CZYwL5f3ZkIFT1UfgVhch?usp=sharing 🔗 GitHub Repo: github.com/CleverProgrammers/twitter-blockchain-youtube I’m giving away $200 worth of ETH for a lucky winner in the comments 🤑 Last time we gave away $100 in ETH to Brenda. Click here to see the transaction: etherscan.io/tx/0xa559ee4ce4a6b43a568ef92e90b6fbc380c199850281e956d8b8100256357cd5 To be eligible to win, make sure to follow me on Twitter @cleverqazi and tell me why you want to become a blockchain developer in the comments 👇 You’ll be learning about: 👉 Building a Web 3.0 Application with Next JS 👉 Build your own smart contract using Solidity 👉 Styling your app using Tailwind CSS 👉 Adding Web 3.0 authentication using MetaMask 👉 Storing your tweets and users in Sanity.io 👉 Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App 👉 Mint your own NFT profile picture for your Twitter account 👉 Deploy and host the app on Vercel Buckle up, buttercup 🚀 🕰️ Timestamps 00:00:00 - Intro 00:05:13 - Set up Next.JS App And Sanity IO 00:07:26 - Add Sidebar 00:23:08 - Create Feed 00:25:32 - Add Tweetbox 00:29:24 - Add Post Component 00:38:16 - Add Widgets Component 00:42:34 - Add Profile Page 00:54:12 - Solidity Smart Contract for Minting NFTs 01:15:50 - Add MetaMask Authentication 01:28:13 - Set up Sanity Database 01:35:42 - Save Tweets to Sanity DB 01:43:14 - Populate Dynamic Data throughout the App 01:50:22 - Add Minting Modal 02:16:52 - Outro ======================================================= 👨👩👦👦Join our Discord Community: cleverprogrammer.com/discord 🚀 Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=18-feb-twitter-web3-clone 🤝 Attend our meetups: cleverprogrammer.com/meetups #web3 #solidity #blockchain